@charset "utf-8";
/* CSS Document */
/* CSS public start */
*{ margin:0px; padding:0px; font-weight:normal;}
html,body,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,nav{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
img{ border:0px;}
i,em{font-style:normal;}
body{ background:#ffffff; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif; font-size:14px;}
a,h3,textarea,p,h4,h2{ font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif;}
.clears{ width:0px; height:0px; clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
ul{ list-style:none;}
a{ text-decoration:none; border:0px; margin:0px; padding:0px; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif; background:none;}
a:hover{ cursor:pointer;}
.lasts{ margin:0px !important;}
input{ border:none;}
.fLeft{float:left;}
.fRight{float:right;}
.str{ color:#cc3033; font-weight:bold;}
/* CSS public end */

/* top start */
.top1{ width:100%; height:34px; background:#f4f4f4;}
.top1Box,.top2Box{ width:1100px; margin:0px auto; color:#888888;}
.top1BoxL,.top1BoxR{ height:34px; line-height:34px;}
.top1BoxR a{ color:#888888; font-size:14px;}
.top1BoxR a:hover{ color:#c30d23;}
.top1BoxRA1{ margin-right:20px;}

.top2{ width:100%; height:110px; overflow:hidden;}
.top2BoxL a{ display:block;}

.navs{ width:100%; height:60px; background:#373636;}
.navSun{ width:1100px; margin:0px auto; text-align:center;}
.navSun Ul{ display:inline-block;}
.navSun ul li{ float:left; width:122px; height:60px; position:relative; text-align:center;}
.navSun ul li:hover{ background-color:#c30d23;}
.navLiA{ display:block; height:60px; line-height:60px; font-size:16px; color:#ffffff;}
.navSun ul li a:hover{ font-weight:bold;}
.navSun ul li dl{ position:absolute; z-index:1000; width:122px; background:url(../image/navDdBackground.png); display:none;}
.navSun ul li dl dd{ border-bottom:1px solid #cccccc;}
.navddA{display:block; color:#ffffff; font-size:14px;  height:36px; line-height:36px; }
/* top end */
/* CSS banner_index start */
.syzBannerBigBox{ width:100%; height:640px; overflow:hidden;}
.flexslider { position: relative;  width: 100%;  height:640px; overflow: hidden; zoom: 1;}
.flexslider .slides li { width: 100%; height: 100%;}
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../image/ad_ctr.png) no-repeat;
	position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0;}
.flex-direction-nav .flex-prev { left: 0;}
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { background: url(../image/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 52px;
	cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background-position: 0 0;}
.flexslider .slides a img { width: 100%; height: 640px; display: block;}
/* CSS banner_index end */
.bigPadding{ padding-top:30px;}
.bigboxBg{ width:100%; background:#f4f4f4; padding:20px 0px;}
.contMid{ width:1100px; margin:0px auto;}
.indexTitle{ padding-bottom:20px;}
.indexTitlePadding{ padding-top:30px;}
.indexTitle h3{ width:100%; padding:0px 0px 10px 0px; font-size:28px; color:#242424; font-weight:700; text-align:center;}
.indexTitle p{ width:100%; font-size:14px; line-height:22px; color:#2a2b29; text-align:center;}
.indexTitleColor{ color:#ffffff !important;}
/* CSS index pro start */
.listL{ width:220px;}
.proR{ width:878px; height:500px; overflow:hidden; border:2px solid #adaaaa; border-left:0px;}
.listL h3{ padding-left:20px; height:72px; line-height:72px; background:url(../image/gzImgs/gzListHead.jpg) no-repeat center center; color:#ffffff; font-size:22px; font-weight:bold;}
.indexProList ul{ border-left:2px solid #adaaaa; border-right:2px solid #adaaaa;}
.indexProList ul li{ border-bottom:2px solid #adaaaa; height:46px; padding-left:35px;}
.indexProList ul li a{ display:block; height:46px; line-height:46px; color:#242424; font-size:14px; background:url(../image/gzImgs/gzListJT.jpg) no-repeat 150px -44px;}
.indexProList ul li a:hover{ color:#c30d23; font-weight:bold; background:url(../image/gzImgs/gzListJT.jpg) no-repeat 150px 3px;}
.proRBox{ width:820px; margin:0px auto; padding-top:40px; overflow:hidden;}
.proRBox ul{ width:840px;}
.proRBox ul li{ float:left; width:260px; margin-left:10px; margin-bottom:35px;}
.proRBox ul li a{ display:block;}
.proImg{ width:260px; height:190px; overflow:hidden;}
.proImg img{ transition:all .3s ease-out 0s; width:260px; height:190px;}
.proImg:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04, 1.04);}
/* CSS index pro end */
.indexgsjj{ padding-bottom:35px;}
.indexgsjj p{ font-size:14px; width:940px; margin:0px auto; color:#888888; line-height:22px; text-align:center; padding-bottom:25px;}
.indexgsjj a{ display:block; width:270px; height:46px; text-align:center; margin:0px auto; line-height:46px; border:2px solid #cc3033; color:#cc3033; font-size:18px;}
.indexgsjj a:hover{ background:#cc3033; color:#ffffff; font-weight:bold;}
/* CSS case start */
.contCase{ height:1046px; background:url(../image/caseBg.jpg) no-repeat center center;}
.contCaseBox{ width:1100px; margin:0px auto; text-align:center;}
.contCaseBox Ul{ display:inline-block;}
.contCaseBox ul li{ float:left; width:120px; height:34px; position:relative; text-align:center; margin-right:10px;}
.contCaseBox ul li:hover{ background-color:#cc3033; border-radius:20px;}
.contCaseBox ul li.contCaseSel{ background-color:#cc3033; border-radius:20px;}
.contCaseBox ul li a{ display:block; height:34px; line-height:34px; font-size:14px; color:#ffffff;}
.contCaseBox2 ul li a{ color:#242424;}
.contCaseBox ul li.contCaseSel a{ color:#ffffff !important;}
.contCaseBox ul li a:hover{ font-weight:bold; color:#ffffff !important;}

.contCaseConts{ width:1100px; margin:0px auto; padding-top:30px;}
.contCaseConts ul{ width:1140px;}
.contCaseConts ul li{ position:relative; float:left; width:530px; height:316px; margin-right:40px; margin-bottom:40px;}
.caseOverFloat{ position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%; left:0px; top:0px; display:none;}
.caseOverFloat h3{ font-size:26px; color:#ffffff; text-align:center; height:45px; line-height:45px; margin:94px auto 0px;}
.caseOverFloat a{ display:block; font-size:16px; color:#ffffff; width:160px; height:42px; line-height:42px; text-align:center; margin:15px auto; border:2px solid #f2f2f2;}
.caseOverFloat a:hover{ font-weight:bold; border-color:#ffffff;}

.caseMoreA{ display:block; width:190px; height:40px; line-height:40px; border:1px solid #FFF; margin:0px auto; color:#ffffff; font-size:14px; text-align:center;}
.caseMoreA:hover{ border:1px solid #c30d23; font-weight:bold;}
/* CSS case end */
.cont4Box{ width:1100px; margin:0px auto;}
.cont4Box table{border-collapse:collapse; border-color:#e9e9e9;}
.cont4Box table tr td{ border-color:#e9e9e9; height:104px; width:199px; overflow:hidden;}
.cont4Box table tr td a{ display:block; height:102px; width:198px; overflow:hidden;}
.cont4Box table tr td img{ height:102px; width:198px; -webkit-transition: .5s ease all; transition: .5s ease all;}
.cont4Box table tr td:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.cont5{ padding-top:20px;}
.cont5 ul{ width:1100px; margin:0px auto; }
.cont5 ul li{ width:1100px; height:200px; overflow:hidden;box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd; -webkit-box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd; -moz-box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd; margin-bottom:19px; }
.cont5 ul li:hover{ box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd; -webkit-box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd; -moz-box-shadow:0 6px 16px #dddddd, 0 0 2px #dddddd, 0 0 2px #dddddd;}
.cont5 ul li a{ display:block; height:200px;}
.cont5DivImg,.cont5DivTxt{ width:550px; height:200px; overflow:hidden;}
.cont5DivImg img{ width:550px; height:200px; -webkit-transition: .5s ease all; transition: .5s ease all;}
.cont5DivImg:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.cont5DivTxtSmall{ margin-left:15px;}
.cont5DivTxtSmall h3{ color:#242424; font-size:16px; width:500px; height:34px; line-height:34px; overflow:hidden; margin-top:20px;}
.cont5DivTxtSmall h4{ color:#888888; font-size:13px; margin-top:15px;}
.cont5DivTxtSmall p{ color:#888888; font-size:13px; width:500px; height:66px; line-height:22px; overflow:hidden; margin-top:10px;}
.cont5DivTxtSmall h3:hover{ color:#c30d23; font-weight:bold;}
.cont5DivTxtSmall p:hover{ color:#c30d23;}

/*proLIst gundong star*/
.wrapBox{ width:10000px;}
.wrapBox ul{ float:left;}
.content2Img{ background-color:#f4f4f4; padding-top:15px; padding-bottom:15px;}
.icon{ background:url(../images/icon_proList.png) no-repeat 0 0;}
.fr{float:right; margin-right:10px;}
.mt20{margin-top:20px;}
*+html .clearfix{min-height:1%}
.warp-pic-list li{float:left;display:inline;}
.warp-pic-list{position:relative;width:1064px;height:290px; overflow:hidden; margin:0px auto;}
.wrapBox ul li,.rightProList li{margin-right:16px;width:200px;height:370px; background-color:#ffffff; overflow:hidden;}
.wrapBox ul li a,.rightProList li a{ display:block; width:200px;}
.membryImg{ width:200px; height:300px; overflow:hidden;}
.membryImg img{ display:inline-block; width:200px; height:300px; -webkit-transition: .5s ease all; transition: .5s ease all;}
.wrapBox ul li:hover img,.rightProList li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.membryFont{width:200px;}
.membryFont h3{ font-size:14px; height:32px; line-height:32px; color:#cc3033; font-weight:normal; text-align:center;}
.membryFont p{ font-size:14px; height:20px; line-height:20px; color:#5e5e5c; text-align:center;}
.wrapBox ul li a:hover h3,.rightProList a:hover h3{ font-weight:bold;}
/*proLIst gundong end*/

/*footer start*/
.backTop{ width:100%; height:54px; text-align:center;}
.footer1{ width:100%; background:#242424; padding-top:25px;}
.footer1L{ width:360px; margin-right:50px;}
.footer1L_2{ color:#ffffff;}
.footer1L_2 h3{ width:210px; color:#ffffff; font-size:16px; font-weight:bold; margin-bottom:5px; background:url(../image/footerliuyan.png) no-repeat right center; }
.footer1L_2 p{ color:#ffffff; font-size:12px;}
.footer1R{ width:500px;}
.contactPhone p{ font-size:14px; color:#ffffff; margin-top:15px;}
.formInput{ width:236px; height:34px; line-height:34px;  border:1px solid #454343; font-size:12px; text-indent:5px; background:#000000; color:#969494; margin-bottom:18px;}
.formInputM{ margin-right:19px;}
.formTextarea{ width:500px; height:60px; padding-top:5px; border:1px solid #454343; font-size:12px; text-indent:5px; background:#000000; color:#969494; margin-bottom:18px;}
.formBtn{ width:500px; height:34px; line-height:34px; font-size:12px; text-align:center; background:#000000; color:#ffffff;;}
.formBtn:hover{ font-weight:bold; color:#c30d23;}
.footerA{font-size:12px; color:#f2f2f2;}
.footerA:hover{ color:#c30d23;}
.footer1RFont{ color:#ffffff; font-size:14px; padding:10px 0px;}
/*footer end*/
.dede_pages{
	width:100%;
	height:50px;
	text-align:center;
}
.dede_pages ul{
	margin:0 auto;
	padding:12px 0px 12px 16px;
}
.dede_pages li{
	display:inline;
	
}
.dede_pages ul li{
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #000;
}
.dede_pages ul li a{
	padding:2px 4px 2px;
	color:#000;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#000;
}
.dede_pages .pageinfo strong{
	color:#000;
	font-weight:normal;
	margin:0px 2px;
}